<template>
	<view class="box">
		<view class="text">
			<view class="icon">
				<u-icon color="#FF0000" name="checkmark"></u-icon>
			</view>
			<text>下单完成</text>
		</view>
		<view class="btn">
			<view class="btnText" @click="backHome">
				返回首页
			</view>
			<view class="btnText" @click="opener">
				查看订单
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		methods:{
			backHome () {
				uni.switchTab({
					url:'/pages/home/index'
				})
			},
			opener () {
				uni.navigateTo({
					url: '/pageA/order/index?current=0&orderStatus=1'
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	.text{
		display: flex;
		align-items: center;
		justify-content: center;
		margin: 40rpx 0;
		.icon{
			border: 2rpx solid #FF0000;
			border-radius: 50%;
			padding: 5rpx;
		}
		text{
			color: #999;
			margin-left: 15rpx;
			font-weight: 700;
		}
	}
	.btn{
		display: flex;
		justify-content: center;
		margin: 40rpx 0;
		.btnText{
			margin: 0 40rpx;
			border: 1rpx solid #999;
			border-radius: 10rpx;
			padding: 6rpx 10rpx ;
		}
	}
</style>